<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>
		Sistemas Informáticos III 2013-14
	</title>
	<meta http-equiv="Expires" content="0">
	<link href="css/estilos.css" rel="stylesheet" type="text/css"/>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>
$(document).ready(function(){
	var cuando = '<s:property value="cuando" />';
	if (cuando=='dia'){
		$("#saveDia").attr("checked","checked");
		$(".comboFecha").attr("disabled",false);
	} else {
		$("#saveAny").attr("checked","checked");
		$(".comboFecha").attr("disabled",true);	
	}
 	$("#saveDia").click(function(){
		 $(".comboFecha").attr("disabled",false);
	});
});
</script>
</head>

<body>

<div id="contenedor">

	<jsp:include page="Cabecera.jsp" />
		
    <div id="contenido"> 
	    <div id="zonaBuscar">
			<form id="busquedaForm">
		 	<p class="tituloBusq"><u><s:property value="tipo"/></u></p>
				<div id="busqueda1">
					 Provincia:<br>
						<s:select onchange="this.form.submit()"
							id = "comboProv"
						   	name="idProv"
						  	list="#session.LISTAPROV"
			   			  	listKey="id"
						   	listValue="nombre"
							required="true"
			       			value="idProv" />
			       		<br><br>
						Localidad: <br>
						<s:select onchange="this.form.submit()"
						   id = "comboMuni"
						   name="municipio" 
						   list="listaMunicipios" 
						   value="municipio"/>
				</div>
				<div id="busqueda2">
					<input type="hidden" name="tipo" value="${tipo}">

					<div id="tipo">
						Tipo:<br>
						<s:select onchange="this.form.submit()"
							id = "comboSubtipo"
						   	name="idSubtipo"
						   	list="listaSubtipos"
			   			   	listKey="id"
						   	listValue="nombre"
							value="idSubtipo" />
					</div>

					<br>
					<div id="precio">
						Precio:<br>
						<s:select onchange="this.form.submit()"
						   id = "comboPrecios"
						   name="precioT" 
						   list="listaPrecios" 
						   value="precioT"/>
					</div>
					<div id="numero">
						Nº plazas:<br>
						<s:select onchange="this.form.submit()"
						   id = "comboPlazas"
						   name="numPlazas" 
						   list="listaNumPlazas" 
						   value="numPlazas"/>
			
					</div>
				</div>
				<div id="busqueda3">
					Cuándo:<br>
					<input type="radio" name="cuando" id="saveAny" checked="checked" value="any" onchange="this.form.submit()"/><label for="saveAny">Cualquier día</label><br>
					<input type="radio" name="cuando" id="saveDia"  value="dia" onchange="this.form.submit()"/><label for="saveDia">Fecha</label>
					<s:select onchange="this.form.submit()" disabled="true"
						cssClass="comboFecha" 
					   id = "comboDia"
					   name="dia" 
					   list="listaDias" 
					   value="dia"/>
					    /
					<s:select onchange="this.form.submit()" disabled="true"
						cssClass="comboFecha" 
					   id = "comboMes"
					   name="mes" 
					   list="listaMeses" 
					   value="mes"/>
					 /
					<s:select onchange="this.form.submit()" disabled="true"
						cssClass="comboFecha" 
					   id = "comboAño"
					   name="anio" 
					   list="listaAnios" 
					   value="anio"/>
			</div>
	     </form> <!--fin formulario-->

		 </div><!--fin Zona Buscar-->
		<!--Resultados -->
		<s:set name="var" value="%{msgSinOfertas}"/>
	 	<s:if test="%{var!=''}">
		   <div id="divmensaje"> 
		   		<br> 
		    	<s:property value="msgSinOfertas" />
	   	   </div> 
	  	</s:if> 
		<div id="resultados">
			<table class="tablaResultados">
				<s:iterator value="listaProductos">
				<s:url action="detalleProductoReserva" var="detalleLink">
 					<s:param name="idProducto"><s:property value="id" /></s:param>
	    		</s:url>
				<tr>
					<td>
						<div id="ofertaDestacadaFoto">
								<s:set name="ruta" value="%{'img/productos/'+foto}"/>
					 			<a id="oferta" href="${detalleLink}">     
									<img id="foto" src="${ruta}" >
								</a>      
						</div>
					</td>
					<td>
						<div id="ofertaDestacada">
						  <p id="nombreRestauranteListado">
							 <s:property value="nombre"/>&nbsp;(<s:property value="municipio"/>)</p>
							 <s:property value="descripcion"/><br>
							 <a href="${detalleLink}">Ver Ofertas</a>
						</div>
					</td>
				</s:iterator>
			</table>
		</div>
		
	  </div>
	  <jsp:include page="Pie.jsp" />
</div> <!--contenedor-->
	  
</body> 

</html>